<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>网约车</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../../css/sm.css">
    <link rel="stylesheet" href="../../css/public.css">

  </head>
  <body>
  	<div class="page-group">
			<div class="page page-current" id="urbanGetonPage">
				<!--顶部导航条-->
			  <div class="top-nav">
			  	<a href="javascript:void(0);" class="img-btn menu-icon open-panel" data-panel='#sidebar-box'></a>
			  	<h1>
			  		LOGO
			  	</h1>
			  </div>
			  
			  <!--行程信息-->
			  <div class="top-nav sub-nav show-trip">
			  	<div class="ipt-row">
			  		<span class="darkgreen-text">从</span>
			  		<div></div>
			  	</div>
		  	</div>
			  
			  <!--地图主体-->
			  <div class="page-content map-content">
		  		  <div class="map-box" style="background: url(../../image/maptest_bg.jpg) no-repeat center;background-size: cover;"></div>
			  </div>
			  
			  <!--司机信息-->
			  <div class="bottom-nav map-bottom wait-driver-block">
					<div class="driver-info">
						<img src="../../image/user_img.png" alt="" class="driver-img" />
						<span class="driver-name">王司机</span>
						<span class="car-num">粤A12345</span>
						<div class="driver-star-box">
							<div class="gray-star-box">
								<!--改变class的数字即可更改星级-->
								<div class="yellow-star-box star4">
								</div>
							</div>	
						</div>
					</div>
					<div class="driver-getyou">
				  	<p class="green-text">司机已经接到您，正在前往目的地</p>
					</div>
			  </div>
			  
			</div>
		</div>
		
		
		<!--侧栏-->
		<div class="panel-overlay"></div>
		<div class="panel panel-left panel-cover sidebar-content" id='sidebar-box'>
		  <div class="sidebar-top">
				<a href="#">
					<img src="../../image/user_img.png" />
					<div>
						<span>王小明</span>
						<span>137****1234</span>
					</div>
				</a>
			</div>
			<div class="sidebar-body">
				<ul>
					<li class="my-trip">
						<a href="#">
							我的行程
						</a>
					</li>
					<li class="common-address">
						<a href="#">
							常用地址
						</a>
					</li>
					<hr />
					<li class="system-setting">
						<a href="#">
							设置
						</a>
					</li>
				</ul>
			</div>
		</div>

	<script type='text/javascript' src='../../js/sm/zepto.min.js' charset='utf-8'></script>
	<script type='text/javascript' src='../../js/sm/sm.min.js' charset='utf-8'></script>
	<script type='text/javascript' src='../../js/urban.js'></script>

  </body>
</html>